  <HelloWorld msg="Welcome to Your Vue.js App"/><template>
  <div >
    <h1>This is an about page</h1>
    <el-input
  type="textarea"
  :rows="2"
  placeholder="请输入内容"
  v-model="textarea">
</el-input>
 
  <el-input
  type="textarea"
  :rows="3"
  placeholder="请输入内容"
  v-model="b"
  >
  </el-input>
<el-button v-on:click="count1">el-button</el-button>

  <!-- <div id="mycom" >
<p> xxxx </p> 
   </div> -->
   <HH    msg="Welcome to Your HH"/> 
   <a data-v-469af010 href="#" target="_blank" > xxxxxxxxxxxxxxx</a>
  </div>

</template>

<script>

import HH from '@/components/HH.vue'
/*import Vue from 'vue/dist/vue.common.js'*/

export default {
  data() {
    return {
      textarea: 111,
      texta: 0
    }
  },
  computed:{
  b:function(){
    return this.texta+1
 }
},
components:{
    HH
}  
,
  methods: {
        count1: function () {
           console.error("bbbbb")
           this.$store.dispatch('addCount')
           this.texta= this.$store.state.count
       }
 
    }
    /*,mounted:function(){

         var Profile =Vue.extend({
        template:'<div><h2>我是子组件的标题</h2>' +
        '<slot name="header">槽默认</slot>'+
        '</div>'
    })
    new Profile().$mount('#mycom')
    Vue.component("mycom",{
            template:'<div><h2>我是子组件的标题</h2>' +
        '</div>'

     }).$mount('#mycom')
        
}*/
 
}

 

    

</script>
